/* Downloaded Google Font*/
@font-face {
  font-family: 'Bitcount Grid Double';
  src: url('./Bitcount_Grid_Double/BitcountGridDouble-VariableFont_CRSV,ELSH,ELXP,slnt,wght.ttf') format('truetype');
    font-weight: 103 500; /* defines a weight axis range */
  font-style: normal;
  font-optical-sizing: auto;
}

/* primary H1 */
h1 {
   background-color: rgba(0, 0, 0, 0.534); 
  padding: 50px 100px;                      
  border-radius: 70px;                      
  color: #1f1212;
  -webkit-text-stroke: 1px white;
  text-align: center;
  font-family: "Bitcount Grid Double", system-ui;
  font-optical-sizing: auto;
  font-weight: 500;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 199.5,
    "ELSH" 0,
    "ELXP" 0;


  margin-top: 20px;
  font-size: 8rex;

  border: 3px solid #f0f0f0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  outline: 3px solid #ff5733;
  outline-offset: 5px;
}


/* IMG cookie monster with cookie dough tray */
.center-gif {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

/* H2 Edits */
h2 {
  background-color: rgb(12, 1, 1); 
  padding: 10px 20px;                      
  border-radius: 0%;                      
  color: #f0f0f0;
  text-align: center;
  
  font-weight: 850;
  font-size: 2rem;
  font-style: bold;
  margin-top: 500px;
  margin-bottom: 0px;
   /* primary border */
  border: 3px solid #f0f0f0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  /* outer outline to mimic an extra border */
  outline: 3px solid #ff5733;
  outline-offset: 7px;
}


/* H3 Edits */
h3 {
  background-color: rgb(7, 7, 7);
  padding: 10px 20px;
  border-radius: 0%;
  color: #f0f0f0;
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 200px;
  margin-bottom: 7px;

  /* primary border */
  border: 2px solid #f0f0f0;
    box-shadow: 0 0 px rgba(0, 0, 0, 0.3);
 
}

/* TextParagraph Edits */
p {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: bold;
    font-size: 29px;
    color: #faf8f8;
    text-align: center;
    margin: 0px 10px;
  border: 2px solid #f0f0f0;
  box-shadow: inset 0 0 10px rgba(200, 233, 55, 0.301);
  background-color: black;
    
}

footer {
  background-color: rgba(255, 255, 255, 0.2); 
  padding: 10px 20px;                      
  border-radius: 0%;                      
  color: #f0f0f0;
  text-align: center;
  
  font-weight: 850;
  font-size: 5px;
  font-style: bold;
  margin-top: 50px;
  margin-bottom: 0px;
  
}

body {
   font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}



body {
  background-image: url('https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExcGVydHp0NGNydWFpMmF1dW5sczA0YWZkY3diM2g1ZXl0Nmh3c2lkZSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/L2ZFuyr1gLxNxa5WpO/giphy.gif');
  background-size: cover;
  background-position: center;
  margin: 0;
  padding: 0;
  height: 100vh;
  display: grid;
  justify-content: center;
  align-items: center;
}